body {font: normal 16px/1 "Microsoft Yahei",Arial,Simsun,sans-serif; color: #333; max-width: 1920px; margin:0 auto; background: #fff; }

a{ color: inherit;}
a:hover, a:focus{ color: inherit; text-decoration: none;}
ul,ol,.navbar,h1, .h1, h2, .h2, h3, .h3,p,dl,ul,ol,.h4,h4{ margin: 0; padding: 0;}
h1, .h1, h2, .h2, h3, .h3{ font-weight: 700;}
input:focus,textarea:focus{ outline: none;}
textarea{ resize: none;}
dt,dd{ line-height: 1;}
i,em{ font-style: normal;}

.f16{ font-size: 16px; line-height: 36px;}
.f14{ font-size: 14px; line-height: 30px;}
.links a:hover{ text-decoration: underline; color: inherit;}
.text-overflow-1{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.text-overflow-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.text-overflow-num{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.box1{ padding: 60px 0;}
.box2{ padding-top: 60px;}
.box3{ padding-bottom: 60px;}
.table-responsive{ border: 0;}
.pos-rel{ position: relative;}
.img100 img{ width: 100%;}
.aBlock a{ display: block;}
.hoverBig .pic{ overflow: hidden; }
.hoverBig .pic img{ transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; }
.hoverBig li:hover .pic img{ transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }

/*top*/
.top{ line-height: 40px; background: #333; color: #fff;}
.top-links a{ display: inline-block; padding-right: 10px; line-height: 1;}
.top-links a + a{ padding-left: 10px; border-left: 1px solid;}
.topR > li{ position: relative; float: left; margin-left: 25px;}
.topR > li i{ display: inline-block; margin-right: 5px; font-size: 18px; position: relative; top: 2px;}
.top-xiala{ display: none; position: absolute; top: 41px; left: 50%; margin-left: -48px; z-index: 99;}
.top-list{ margin-left: -53px; width: 110px; border: 1px solid #ccc; border-top: 0;}
.top-list li a{ display: block; font-size: 16px; line-height: 40px; color: #000; text-align: center; background: #fff; }
.topR .top-tel{ position: relative; margin-left: 35px; }
.topR .top-tel b{color: #f2970f; font-size: 16px;}

.top-list li:hover a{ background: #f0f0f0;}
.topR > li:hover .top-xiala{ display: block;}
/*top*/

/*header*/
.header{ position: relative; }
.logo{ margin-top: 18px;}
.logo a{ display: block; font-size: 0; width: 164px; height: 50px; margin-right: 15px; background: url("../images/logo.png") no-repeat center;}
.logo .p{ position: relative; top: -2px; font-size: 18px; font-weight: 400; text-align: center; line-height: 27px; padding-left: 15px; border-left: 1px solid #2A2A2A;}
.logo .p b{ display: block; font-weight: 400;}

.daohang{ margin-top: 6px; }
.daohang > li{ float: left;  }
.daohang > li + li{ margin-left: 25px;}
.daohang > li > a{ display: block; padding: 0 15px; font-size: 18px; line-height: 80px; text-align: center;}
.dh-sub{ padding: 15px 0; display: none; position: absolute; top: 80px; left: 50%; margin-left: -90px; width: 180px; font-size: 16px; border-top: 1px solid #c7c7c7; background: #eee; -webkit-box-shadow: 2px 3px 4px #898989; -moz-box-shadow: 2px 3px 4px #898989; box-shadow: 2px 3px 4px #898989; z-index: 999;}
.dh-sub > ul > li a{ display: block; color: #000; padding: 0; line-height: 40px; font-size: 16px; text-align: center;}

.pro-sub{ left: 0; top: 86px; padding: 35px 40px 40px; width: 100%; margin-left: 0;}
.pro-sub dl{ float: left; width: 15%; }
.pro-sub dl + dl{ margin-left: 10%;}
.pro-sub dt{ margin-bottom: 10px; font-size: 22px; padding-bottom: 10px; border-bottom: 2px solid;}
.pro-sub dd{ float: left; width: 118px; font-size: 16px; line-height: 40px; }

.header-tel{ position: relative; padding-left: 45px; margin-top: 6px; }
.header-tel i{ position: absolute; left: 0; top: 0; font-size: 38px; color: #e60012;}
.header-tel b{ display: block; margin-top: 4px; font-size: 20px; color: #e60012;}
/*header*/

/*footer*/
.footer{ font-size: 14px; color: #fff;}
.footer-top{ padding: 40px 0 35px; background: #173974;}
.footer-top dl{ float: left; }
.footer-top dl + dl{ margin-left: 120px;}
.footer-top dt{ font-size: 20px; margin-bottom: 8px; padding: 0 20px 12px 0; border-bottom: 1px solid;}
.footer-top dt img{ margin-right: 10px; padding-right: 10px; border-right: 1px solid;}
.footer-top dd{ line-height: 28px;}
.footer-top .f-list3 dt{ padding-bottom: 0; margin: -10px 0 10px; border-bottom:0; line-height: 56px;}
.footer-top .f-list4 dd{ line-height: 32px;}
.footer-top .f-list4{ float: right; }
.footer-top .f-list4 .pic{ margin: 20px 30px 0 0; }

.footer-copy{ line-height: 54px; background: #0c2041;}
/*footer*/

/*bottom*/
.bottom{ position: fixed; bottom: 0; left: 0; width: 100%; z-index:99; }
.bottom ul > li{ position: relative; float: left; width: 25%; padding: 6px 0; text-align: center; color: #fff; background: #c40000; cursor: pointer;}
.bottom ul > li:hover{ background: #d32e26;}
.bottom h3{ font-size: 13px; font-weight: 400;}
.bottom i{ display: inline-block; font-size: 24px; line-height: 22px; margin-bottom: 6px; }
.bottom .icon-product{ font-size: 20px; }
.bottom .icon-fangan{ font-size: 20px; }
.bottom .icon-chat{ font-size: 23px; }
.bottom ol{ position: absolute; left: 0; bottom: 53px; width: 100%;}
.bottom ol li{ text-align: center; line-height: 34px; color: #000; background: #e1e1e1; border: 1px solid #b4b4b4; }
.bottom ol li + li{ border-top: 0;}
.bottom ol a{ display: block;}
.bottom ol li:hover{ background: #fa3c3c; color: #fff;}
/*bottom*/

/*adv*/
.i-a-adv{ padding: 70px 0 50px; color: #fff; background: url("../images/index-about2.jpg") no-repeat center/cover;}
.i-a-adv li{ position: relative; float: left; width: 23.5%; text-align: center; font-size: 20px; line-height: 36px;}
.i-a-adv li:last-child{ width: 29.5%; }
.i-a-adv li b{ font-size: 60px; font-weight: normal;}
.i-a-adv li span{ position: absolute; right: 0; bottom: 0; height: 80%; border-left: 1px solid;}

/*crumbs*/
.crumbs{ margin-bottom: 30px; line-height: 46px; background: #f5f5f5;}

/*fuwu-ksxy*/
.fuwu-ksxy{ padding-bottom: 50px; background: url("../images/fuwu-ksxy1.jpg") no-repeat center/cover;}
.fuwu-ksxy ul{}
.fuwu-ksxy li{ float: left; margin: 50px 2% 0 0; width: 32%; height: 143px; text-align: center; background: #fff; }
.fuwu-ksxy .li3,.fuwu-ksxy .li6{ margin-right: 0; }
.fuwu-ksxy .yinying{ padding: 40px 0;
    -webkit-box-shadow: 2px 3px 6px 0 rgba(4, 0, 0, 0.1);
    -moz-box-shadow: 2px 3px 6px 0 rgba(4, 0, 0, 0.1);
    box-shadow: 2px 3px 6px 0 rgba(4, 0, 0, 0.1);}
.fuwu-ksxy .li1,.fuwu-ksxy .li6{ color: #fff; background: url("../images/fuwu-ksxy2.jpg") no-repeat center/cover;}
.fuwu-ksxy .li1{ font-size: 30px; line-height: 143px;}
.fuwu-ksxy li p{ position: relative; top: -5px;}
.fuwu-ksxy i{ vertical-align: middle; font-size: 64px; color: #23537d; margin-right: 30px;}
.fuwu-ksxy span{ text-align: left; line-height: 36px; display: inline-block; font-size: 20px; color: #666; vertical-align: middle;}
.fuwu-ksxy span b{ font-size: 24px; color: #333; font-weight: 400;}
.fuwu-ksxy .li4 i{ font-size: 75px;}
.fuwu-ksxy .li5 i{ font-size: 56px;}
.fuwu-ksxy .li6{ padding: 25px 45px 0;}
.fuwu-ksxy .li6 a{ display: block; width: 184px; line-height: 44px; font-size: 24px; background: #e99212;}
.fuwu-ksxy .li6 p{ top: 0; font-size: 18px; margin-top: 15px;}
.fuwu-ksxy .li6 b{ font-size: 30px; font-weight: 400;}

/*pro-lianxi*/
.pro-lianxi h2{ font-size: 24px; text-align: center; margin-bottom: 25px;}
.pro-lianxi .p{ line-height: 30px;}
.pro-lianxi form{ margin-top: 20px;}
.pro-lianxi ul{ margin: 0 -9px;}
.pro-lianxi li{ position: relative; float: left; width: 33.333%; padding: 0 9px; margin-bottom: 20px;}
.pro-lianxi .saytext{ width: 100%;}
.pro-lianxi li label{ position: absolute; left: 9px; top: 0; width: 47px; height: 56px; line-height: 56px; text-align: center; font-size: 20px; color: #787878;}
.pro-lianxi li span{ position: absolute; right: 15px; top: 0; line-height: 56px; font-size: 20px; font-weight: 700; color: #c40000;}
.pro-lianxi li .txt{ width: 100%; padding: 0 10px 0 47px; line-height: 56px; border: 1px solid #b4b4b4; display: block;}
.pro-lianxi .reset,.pro-lianxi .submit{ width: 240px; height: 42px; padding: 0; text-align: center; line-height: 42px; color: #fff; font-size: 18px; border: 0;}
.pro-lianxi .reset{ margin-right: 30px; background: #787878;}
.pro-lianxi .submit{ background: #d32e26;}

.pro-lianxi span.LV_validation_message{ position: absolute; bottom: -17px; left: 10px; top: auto; right: 0; line-height: 1; font-size: 13px; height: 14px; font-weight: 400; }

.pages{ text-align: center; }
.pages a,.pages b,.pages span{ display: inline-block; padding: 11px 14px; margin: 0 4px; font-size: 14px; color: #333; background: #e5e5e5; border-radius: 3px;}
.pages span{ background: none;}
.pages b,.pages a:hover{ color: #fff!important; background: #c60000; text-decoration: none;}


.swt19{ position: fixed; right: 0; top: 50%; margin-top: -124px; width: 60px; z-index: 999; }
.swt19 a{ display: block; position: absolute; top: 0; width: 180px; padding: 0; text-decoration: none; color: #000; font-size: 20px; text-align: center; padding: 0 20px 0 80px; line-height: 60px; height: 60px; overflow: hidden; background: #fff url("../../lmjpj/images/swt19.png") no-repeat 0 0; }
.swt19 .swt19-kefu{ top: 62px; background-position: 0 -62px; }
.swt19 .swt19-tel{ top: 124px; /*right: -200px;*/ width: 250px; background-position: 0 -124px; }
.swt19 .swt19-baojia{ top: 186px; background-position: 0 -186px; }
.swt19 .swt19-weixin{ top: 248px; width: 210px; height: 150px; background-color: transparent; background-position: 0 -248px;  }
.swt19-weixin img{ position: absolute; left: 60px; }
.swt19 a:hover{ right: 0!important; }

/*gotop*/
.gotop.icon-top{ display: none; position: fixed; right: 10px; bottom: 80px; width: 50px; font-size: 23px; text-align: center; line-height: 50px; background: #c40000; color: #fff;  z-index: 9999; cursor: pointer;}


/*sbanner*/
.sbanner{ padding: 130px 0; background: url(../images/banner-news.jpg) no-repeat center/cover; }
.sbanner .txt{ padding: 40px 60px; color: #fff; margin: 0 auto; width: 450px; text-align: center; background: rgba(0,0,0,.5); }
.sbanner h2{ margin-bottom: 25px; font-size: 38px; letter-spacing: 2px; }
.sbanner-news p{ letter-spacing: 2px; }

.sbanner-fuwu .txt,.sbanner-case .txt{margin: 0; text-align: left; }

.sbanner-fuwu{ background-image: url(../images/banner-fuwu.jpg); }
.sbanner-fuwu .txt{ width: 560px; padding: 40px 20px; }

.sbanner-case{ background-image: url(../images/banner-case.jpg); }
.sbanner-case .txt{ width: 420px;  }

.sbanner-pro{ background-image: url(../images/banner-pro.jpg); }
.sbanner-pro .txt{ width: 540px; }

.sbanner-lianxi{ background-image: url(../images/banner-lianxi.jpg); }
.sbanner-lianxi .txt{ width: 580px; }

.sbanner-about{ background-image: url(../images/banner-about.jpg); }
.sbanner-about .txt{ width: auto; margin: 0; padding: 40px 0; background: transparent; text-align: left; }

@media screen and (min-width: 992px){
    .daohang > li:hover .dh-sub{ display: block;}
}

@media screen and (max-width: 1249px){
    .box1{ padding: 50px 0;}
    .box2{ padding-top: 50px;}
    .box3{ padding-bottom: 50px;}

    .daohang > li + li{ margin-left: 2px;}
    .daohang > li > a{ padding: 0 10px; }

    /*footer*/
    .footer-top dl + dl{ margin-left: 50px;}
    .footer-top .f-list4 .pic{ margin-right: 20px; }

    /*adv*/
    .i-a-adv{ padding: 60px 0 45px;}
    .i-a-adv li{ font-size: 18px;}
    .i-a-adv li b{ font-size: 54px;}

    /*fuwu-ksxy*/
    .fuwu-ksxy .li1{ font-size: 28px;}
    .fuwu-ksxy .li6{ padding: 30px 15px 0;}
    .fuwu-ksxy .li6 b{ font-size: 26px;}
    .fuwu-ksxy i{ font-size: 58px; margin-right: 13px;}
    .fuwu-ksxy .li4 i{ font-size: 66px; }
    .fuwu-ksxy .li5 i{ font-size: 50px; }

    /*sbanner*/
    .sbanner{ padding: 100px 0; }
}

@media screen and (max-width: 991px){
    .box1{ padding: 40px 0;}
    .box2{ padding-top: 40px;}
    .box3{ padding-bottom: 40px;}
    .liubai{ height: 54px;}

    .top{ font-size: 14px;}

    .header{ padding: 15px 0;}
    .logo{ margin-top: 0;}

    /*adv*/
    .i-a-adv{ padding: 50px 0 40px;}
    .i-a-adv li{ width: 23%; font-size: 16px; line-height: 32px;}
    .i-a-adv li:last-child{ width: 31% }
    .i-a-adv li b{ font-size: 44px;}

    /*fuwu-ksxy*/
    .fuwu-ksxy{ padding: 5px 0 40px;}
    .fuwu-ksxy li{ margin-top: 35px; height: 120px;}
    .fuwu-ksxy .li1{ line-height: 120px; font-size: 22px;}
    .fuwu-ksxy i{ font-size: 50px; margin-right: 5px;}
    .fuwu-ksxy .li4 i{ font-size: 60px; }
    .fuwu-ksxy .li5 i{ font-size: 42px; }
    .fuwu-ksxy span{ font-size: 16px; line-height: 26px;}
    .fuwu-ksxy span b{ font-size: 19px;}
    .fuwu-ksxy .li6 a{ width: 140px; line-height: 36px; font-size: 20px;}
    .fuwu-ksxy .li6{ padding: 25px 10px 0;}
    .fuwu-ksxy .li6 p{ font-size: 14px;}
    .fuwu-ksxy .li6 p b{ font-size: 20px;}

    .swt19{ display: none; }

    /*sbanner*/
    .sbanner{ padding: 80px 0; }
    .sbanner h2{ font-size: 34px; }

}

@media screen and (max-width: 767px){
    .box1{ padding: 30px 0;}
    .box2{ padding-top: 30px;}
    .box3{ padding-bottom: 30px;}
    .crumbs{ font-size: 12px; line-height: 40px; margin-bottom: 20px;}


    /*header*/
    .header{ padding: 12px 0;}
    .logo a{ width: 120px; height: 36px; background-size: contain;}
    .header-tel{ padding-left: 30px; margin-top: 2px; font-size: 13px;}
    .header-tel i{ font-size: 26px; top: 50%; margin-top: -13px;}
    .header-tel b{ font-size: 16px;}
    /*header*/

    /*adv*/
    .i-a-adv{ padding: 40px 0 30px;}
    .i-a-adv li{ width: 23%; font-size: 13px; line-height: 24px;}
    .i-a-adv li:last-child{ width: 31%;}
    .i-a-adv li b{ font-size: 30px;}

    /*fuwu-ksxy*/
    .fuwu-ksxy li{ width: 46%; margin: 20px 4% 0 0!important;}
    .fuwu-ksxy .li2,.fuwu-ksxy .li4,.fuwu-ksxy .li6{ margin-right: 0!important;}
    .fuwu-ksxy .li6 p{ text-align: left;}

    /*pro-lianxi*/
    .pro-lianxi form{ margin-top: 15px;}
    .pro-lianxi li{ width: 100%; margin-bottom: 13px;}
    .pro-lianxi li .txt{ line-height: 44px;}
    .pro-lianxi li label{ height: 44px; line-height: 44px;}
    .pro-lianxi li span{ line-height: 44px;}
    .pro-lianxi .reset, .pro-lianxi .submit{ width: 40%;}
    .pro-lianxi .reset{ margin-right: 5%;}


    /*sbanner*/
    .sbanner{ padding: 12vw 0; }
    .sbanner h2{ font-size: 25px; margin-bottom: 3vw; }
    .sbanner p{ line-height: 22px; font-size: 14px; }
    .sbanner .txt{ width: 90%; padding: 6vw 4vw;}

    .sbanner-pro .txt{ max-width: 400px;}
    .sbanner-about .txt{ max-width: 530px; background: rgba(0,0,0,.5);}
    .sbanner-case .txt{ max-width: 360px;}
    .sbanner-fuwu .txt{ max-width: 530px; }
    .sbanner-news .txt{ max-width: 340px; }
    .sbanner-lianxi .txt{ max-width: 460px; }
}

@media screen and (max-width: 530px){
    /*fuwu-ksxy*/
    .fuwu-ksxy li{ width: 100%; height: 100px; margin: 10px auto 0!important; max-width: 400px; float: none;}
    .fuwu-ksxy .li1{ line-height: 100px;}
    .fuwu-ksxy .li6{ padding: 15px 20px 0;}
    .fuwu-ksxy span{ font-size: 17px; line-height: 30px;}
    .fuwu-ksxy span b{ font-size: 22px;}
    .fuwu-ksxy .li6 p{font-size: 16px; margin-top: 12px;}
    .fuwu-ksxy .li6 p b{font-size: 24px;}
    .fuwu-ksxy .yinying{ padding: 25px 20px; text-align: left;}
    .fuwu-ksxy .li2,.fuwu-ksxy .li4,.fuwu-ksxy .li6{ margin-right: auto!important;}
}

@media screen and (max-width: 500px){
    .i-a-adv{ padding: 30px 0 10px;}
    .i-a-adv li{ width: 42%!important; margin-bottom: 15px; line-height: 22px;}
    .i-a-adv li:nth-child(2n){ width: 58%!important; }
    .i-a-adv li:nth-child(2) span{ display: none; }
    .i-a-adv li b{ font-size: 26px;}
}